$(function () {
  $('.signout').click(function () {
    $('.signout-layer').show()
  })

  $('.btn-cancel').click(function () {
    $('.signout-layer').hide()
  })

  $('.introduce-view .more').click(function () {
    if ($(this).hasClass('active')) {
      $(this).removeClass('active').find('.more-msg').text('展开详情')
      $('.introduce-wrapper').css('height', '9rem')
    } else {
      $(this).addClass('active').find('.more-msg').text('收起详情')
      $('.introduce-wrapper').css('height', 'auto')
    }
  })

  $('.pager .number').on('click', function () {
    $(this).addClass('active').siblings().removeClass('active')
  })

  $('.prev').click(function () {
    var index = $('.pager .active').index()
    if (index === 0) return
    $('.pager .number').eq(index - 1).addClass('active').siblings().removeClass('active')
  })

  $('.next').click(function () {
    var pageGroup = $('.pager .number')
    var index = $('.pager .active').index()
    if (index === pageGroup) return
    pageGroup.eq(index + 1).addClass('active').siblings().removeClass('active')
  })

  $('.content-msg .more').on('click', function () {
    if (!$(this).hasClass('active')) {
      $(this)
        .addClass('active')
        .parent().css('height', 'auto')
        .find('.msg-text')
        .css({
          '-webkit-line-clamp': 'initial',
          'line-clamp': 'initial'
        })

      $(this).find('.more-msg').text('收起详情')
    } else {
      $(this)
        .removeClass('active')
        .parent().css('height', '2.1rem')
        .find('.msg-text')
        .css({
          '-webkit-line-clamp': 3,
          'line-clamp': '3'
        })

      $(this).find('.more-msg').text('展开详情')
    }
  })
})